<template>
    <div class="pay">
        <div class="top">
            <router-link to="/shopping"><</router-link>
            <span>付款成功</span>
        </div>
        <div class="content">
            <div><img src="../../public/img/fk.png" alt=""></div>
            <div>付款成功</div>
            <div><router-link to="/order">查看订单详情</router-link></div>
        </div>
    </div>
</template>
<style lang="less" scoped>
    /* 初始化 */
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        list-style-type: none;
        text-decoration: none;
    }
    .top{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.48rem;
        font-weight: bold;
        >a{
            float: left;
            font-family: cursive;
            font-weight: bold;
        }
        >span{
            text-align: center;
        }
    }
    .content{
        display: flex;
        flex-flow: column;
        min-height: 13.326rem;
        margin-top: 0.8rem;
        >div{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        >div:nth-child(1) {
            height: 3.998rem;
            > img {
                font-size: 3.198rem;
                color: #67D751;
            }
        }
        >div:nth-child(2){
            height: 1.333rem;
            font-size: 0.533rem;
            font-weight: bold;
        }
        >div:nth-child(3){
            height: 3.731rem;
            a{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40%;
                height: 40%;
                font-size: 0.426rem;
                background-color: #FF9126;
                color: #fff;
                border-radius: 0.8rem
            }
        }
    }
</style>
<script>
    export default {
        data(){
            return {

            }
        }
    }
</script>